<jsp:include page="template_header.jsp" />
		
            <div class="span9"> <!-- /write your content -->
                <div class="page-header">
                    <h3>Transition Day</h3>
                </div>    
                <jsp:include page="error-list.jsp" />
                
                <form id="transitionDayForm" class="form-horizontal" method="post">
                	<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
					<legend> Date to be ended</legend>
					<div>
						<i class="icon-calendar"></i>
						    <input class="input" id="datepicker" type="text" name="dateString" value="${form.dateString}" />
						<script type="text/javascript">
							$('#datepicker').datepicker({
								format: 'mm/dd/yyyy'
							});
						</script>
						<p class="help-block"> The date should be later than the previously ended trading day, and equal or later than the last order date. </p>
						<p class="help-block"> The date should be formatted as mm/dd/yyyy. </p>
					</div>
					<br/><br/>
					<legend> Fund Prices Setting</legend>
					<p class="help-block"> The price should be positive and track to two decimal places. </p>
					<br/>
					<table class="table table-bordered table-striped table-hover">
						<thead>
						  <tr>
							<th>Ticker</th>
							<th>Fund Name</th>
							<th>Closing Price($)</th>
						  </tr>
						</thead>
							<c:forEach var="item" items="${items}">
							  <tr>							  	
								<td>${item.symbol}</td>
								<td>${item.name}</td>
								<td>
									<input class="input" type="text" name="${item.id}" value="${form.getPriceString(item.id)}"/>
									
									</td>
							  </tr>
							</c:forEach>
						</tbody>
					</table>					
					<div>
						<div class="controls">
							<button type="submit" class="btn" name="button" value="submit"> Submit </button>	
						</div>
					</div>		
                </form>
            </div> <!-- /end your content-->
            
		<jsp:include page="template_tail.jsp" />